<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no, minimal-ui" />
  <meta http-equiv="x-dns-prefetch-control" content="on" />
  <link rel="dns-prefetch" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com" />
  <title>异常监控</title>
  <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.css?v=2025061801" />
  <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.css?v=2025061801" />

  <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/vue/vue.min.js?v=2025061801"></script>
  <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/jquery/jquery-3.7.1.min.js?v=2025061801"></script>
  <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-global-func.js?v=2025061801"></script>
  <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.js?v=2025061801"></script>

  <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/library-ant-design-vue.css?v=2025061801" />
  <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.css?v=2025061801" />
  <link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-pass-big-screen.css?v=2025061801" />
  <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts@5.4.3.js?v=2025061801"></script>
  <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts-gl@2.0.8.min.js?v=2025061801"></script>
  <script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/china_json.js?v=2025061801"></script>

  <style>
    page {
      background: rgba(8, 18, 30, 1);
    }
    [v-cloak] {
      display: none !important;
    }
    #antdVue {
      background: rgba(8, 18, 30, 1);
    }
    .antdVue {
      position: relative;
      width: 100%;
      background: rgba(8, 18, 30, 1);
    }

    .zoom_bg_color {
      background: #fff;
    }

    #antdVue .yichangjiankong_mobile_adapter_573_random_flex_1 {
      height: 44px;
      line-height: 44px;
      padding: 0px 16px 0px 16px;
    }

    #antdVue .yichangjiankong_mobile_adapter_595_fd1_1 {
      height: 44px;
    }

    #antdVue .yichangjiankong_mobile_adapter_284_random_flex_2 {
      width: 90%;
      margin: 0px auto 0px auto;
    }

    #antdVue .yichangjiankong_mobile_adapter_174_fd2_2_c0_c1 {
      height: 3px;
      border-radius: 0px 0px 0px 0px;
      margin: 8px 0px 8px 0px;
    }

    #antdVue .yichangjiankong_mobile_adapter_839_fd2_1_c2 {
      bottom: 35%;
    }

    #antdVue .yichangjiankong_mobile_adapter_756_fd2_1_c1 {
      font-size: 41px;
      top: 25%;
    }

    #antdVue .yichangjiankong_mobile_adapter_632_random_fd2_1_c0 {
      width: 200px;
      height: 200px;
    }

    #antdVue .yichangjiankong_mobile_adapter_752_fd2_1 {
      top: 50%;
    }

    #antdVue .yichangjiankong_mobile_adapter_fd2_0_c0_c0_1 {
      height: 28px;
      line-height: 28px;
      color: rgba(221, 221, 221, 1);
      padding: 0px 5px 0px 5px;
    }

    #antdVue .yichangjiankong_mobile_adapter_167_fd2_0_c0_c0 {
      border-radius: 16px;
      height: 28px;
      line-height: 28px;
      padding: 0px 5px 0px 5px;
    }

    #antdVue .yichangjiankong_mobile_adapter_262_fd2_0_c0 {
      width: 23%;
      color: rgba(221, 221, 221, 1);
    }

    #antdVue .yichangjiankong_mobile_adapter_555_fd2_0 {
      height: 50px;
    }

    #antdVue .yichangjiankong_mobile_adapter_647_random_flex_3 {
      min-height: 100px;
    }

    #antdVue .yichangjiankong_mobile_adapter_324_fd3_4_c0_c1_c0_c1 {
      margin: 10px 0px 6px 0px;
    }

    #antdVue .yichangjiankong_mobile_adapter_967_fd3_4_c0_c1_c0_c0 {
      width: 57px;
      height: 57px;
      border-radius: 0px 0px 0px 0px;
    }

    #antdVue .yichangjiankong_mobile_adapter_219_fd3_4_c0_c1 {
      width: 90%;
      margin: 10px auto 0px auto;
    }

    #antdVue .yichangjiankong_mobile_adapter_130_fd3_4_c0 {
      background: rgba(19, 32, 52, 1);
      width: 90%;
      margin: 0px auto 16px auto;
      padding: 16px 0px 16px 0px;
      border-radius: 8px;
      min-height: 220px;
    }

    #antdVue .yichangjiankong_mobile_adapter_910_fd3_3_c1_c1_c2_c0 {
      background: rgba(17, 194, 155, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_485_fd3_2_c1_c1_c0_c0 {
      background: rgba(250, 85, 113, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_660_fd3_1_c1_c1_c3_c0 {
      background: rgba(63, 63, 180, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_873_fd3_1_c1_c1_c2_c0 {
      background: rgba(242, 106, 137, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_761_fd3_1_c1_c1_c1_c0 {
      background: rgba(107, 18, 204, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_671_fd3_1_c1_c1_c0_c0 {
      background: rgba(255, 170, 70, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_501_fd3_0_c1_c1_c3_c0 {
      background: rgba(100, 183, 246, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_745_fd3_0_c1_c1_c2_c0 {
      background: rgba(240, 201, 106, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_787_fd3_0_c1_c1_c1_c0 {
      background: rgba(0, 180, 140, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 {
      margin: 0px 0px 0px 5px;
    }

    #antdVue .yichangjiankong_mobile_adapter_222_fd3_0_c1_c1_c0_c0 {
      background: rgba(222, 87, 108, 1);
      width: 7px;
      height: 7px;
      border-radius: 4px;
    }

    #antdVue .yichangjiankong_mobile_adapter_201_fd3_0_c1_c0_c1 {
      width: 30px;
      height: 30px;
      border-radius: 0px 0px 0px 0px;
      top: 50%;
      left: 40%;
      margin: -15px 0px 0px -15px;
    }

    #antdVue .yichangjiankong_mobile_adapter_653_random_fd3_0_c1_c0_c0 {
      height: 180px;
    }

    #antdVue .yichangjiankong_mobile_adapter_385_fd3_0_c1 {
      width: 90%;
      margin: 0px auto 0px auto;
      height: 130px;
    }

    #antdVue .yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 {
      margin: 0px 0px 0px 16px;
    }

    #antdVue .yichangjiankong_mobile_adapter_728_fd3_0_c0_c0 {
      width: 4px;
      height: 16px;
      border-radius: 0px 0px 0px 0px;
    }

    #antdVue .yichangjiankong_mobile_adapter_658_fd3_0 {
      background: rgba(19, 32, 52, 1);
      width: 90%;
      height: 222px;
      margin: 0px auto 16px auto;
      padding: 16px 0px 16px 0px;
      border-radius: 8px;
    }

    #antdVue .benben-iframe-box {
      left: 0;
      top: 0;
    }

    ::-webkit-scrollbar {
      width: 0 !important;
    }

    ::-webkit-scrollbar {
      width: 0 !important;
      height: 0;
    }

    #antdVue .nav {
      width: 100%;
      height: 47px;
      background-color: #132034;
    }

    #antdVue .nav .item {
      text-align: center;
      line-height: 28px;
      min-width: 76px;
      height: 28px;
      padding: 0 6px;
      font-size: 14px;
      color: #dddddd;
    }

    #antdVue .nav .active {
      color: #ffffff;
      background: #1259e8;
      border-radius: 28px 28px 28px 28px;
    }

    .inputtime {
      /*height: 88px;*/
      justify-content: center;
      margin-left: auto;
      margin-right: 24px;
      background: rgba(8, 18, 30, 1);
      border: none;
      position: relative;
    }

    .inputtime::-webkit-calendar-picker-indicator {
      position: absolute;
      right: 0;
      padding-left: calc(100% - 10px);
      padding-right: 10px;
    }

    .inputtime {
      color: #fff;
      width: 90%;
      margin-left: 5%;
      margin: 0 5%;
    }
  </style>
</head>
<body>
  <div id="antdVue" :style="themeColorInit(themeColorConfig)" style="width: 100%; height: 100%">
    <div class="antdVue SPECIAL_EFFECT_FULL_SCREEN_WRAPPER" v-cloak>
      <input type="hidden" id="hidden_field_user_token" value="" />
      <input type="hidden" id="hidden_field_member_id" value="" />
      <input type="hidden" id="hidden_field_alias" value="" />
      <input type="hidden" id="hidden_field_aid" value="" />
      <input type="hidden" id="hidden_field_roles" value="" />
      <input type="hidden" id="web_url_oss" value="https://ttk-saas.oss-cn-beijing.aliyuncs.com" />

      <benben-screen-global-filter @chart_get_page="chart_get_page"></benben-screen-global-filter>

      <!-- <div class="flex benben-flex-layout  flex-wrap   w-100 h-100 ov-y-hd ov-x-hd"     >
                <div   class="flex  flex-wrap align-center  w-100 h-100"        >
              <template v-if="total>=key0">
                            <iframe
                                class='benben-iframe-box bg-c-fff w-100 h-100 position-absolute'
                                data-scrolltop="0" frameborder="0" :src="item.url+'&open_mute='+(key0==0?true:false)" v-show="key0==current_index"
                                :ref="'iframeBox_'+key0">

                            </iframe>
                        </template> 

        </div>

    </div> -->

      <!-- <div class="flex align-stretch benben-flex-layout yichangjiankong_mobile_adapter_573_random_flex_1 w-100 position-relative"     >
        <span class='fu-iconfont2   f-c-3'  >&#xe794;</span>
<span class="yichangjiankong_mobile_adapter_595_fd1_1 position-absolute w-100 t-ct f-c-3 t-18"  >异常监控</span>

    </div> -->

      <!-- <a-input id="dateInput" placeholder="选择日期" class='benben-flex-input-diy inputtime' @change="cehck()" type="date"
				v-model="time">

			</a-input> -->
      <a-config-provider :locale="locale">
        <a-date-picker
          v-model="dtime"
          @change="time_change"
          value-format="YYYY-MM-DD"
          format="YYYY-MM-DD"
          :open="isPickerVisible"
          @open-change="handleVisibleChange"
          :show-today="false"
          ref="datePicker"
        >
          <template slot="renderExtraFooter">
            <a-button type="primary" size="small" @click.stop="date_change(1)">今日</a-button>
            <a-button type="primary" size="small" @click.stop="date_change(2)">本周</a-button>
            <a-button type="primary" size="small" @click.stop="date_change(3)">本月</a-button>
          </template>
        </a-date-picker>
      </a-config-provider>

      <div class="flex benben-flex-layout flex-wrap yichangjiankong_mobile_adapter_284_random_flex_2">
        <div class="flex align-center yichangjiankong_mobile_adapter_555_fd2_0 w-100 ov-x-ao">
          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_262_fd2_0_c0" @click.stop="cehck('0')">
            <span class="yichangjiankong_mobile_adapter_167_fd2_0_c0_c0 bg-c-2 bg-size-auto t-ct f-c-fff w-100-px" v-if="active==0">日常巡更</span>
            <span class="yichangjiankong_mobile_adapter_fd2_0_c0_c0_1 t-ct w-100-px" v-if="active!=0">日常巡更</span>
          </div>
          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_262_fd2_0_c0" @click.stop="cehck('1')">
            {{isPickerVisible}}
            <span class="yichangjiankong_mobile_adapter_167_fd2_0_c0_c0 bg-c-2 bg-size-auto t-ct f-c-fff w-100-px" v-if="active=='1'">计划巡更</span>
            <span class="yichangjiankong_mobile_adapter_fd2_0_c0_c0_1 t-ct w-100-px" v-if="active!='1'">计划巡更</span>
          </div>
          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_262_fd2_0_c0" @click.stop="cehck('2')">
            <span class="yichangjiankong_mobile_adapter_167_fd2_0_c0_c0 bg-c-2 bg-size-auto t-ct f-c-fff w-100-px" v-if="active=='2'">风险评估</span>
            <span class="yichangjiankong_mobile_adapter_fd2_0_c0_c0_1 t-ct w-100-px" v-if="active!='2'">风险评估</span>
          </div>
          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_262_fd2_0_c0" @click.stop="cehck('3')">
            <span class="yichangjiankong_mobile_adapter_167_fd2_0_c0_c0 bg-c-2 bg-size-auto t-ct f-c-fff w-100-px" v-if="active=='3'">专项检查</span>
            <span class="yichangjiankong_mobile_adapter_fd2_0_c0_c0_1 t-ct w-100-px" v-if="active!='3'">专项检查</span>
          </div>
          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_262_fd2_0_c0" @click.stop="cehck('4')">
            <span class="yichangjiankong_mobile_adapter_167_fd2_0_c0_c0 bg-c-2 bg-size-auto t-ct f-c-fff w-100-px" v-if="active=='4'">隐患排查</span>
            <span class="yichangjiankong_mobile_adapter_fd2_0_c0_c0_1 t-ct w-100-px" v-if="active!='4'">隐患排查</span>
          </div>
        </div>
        <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_752_fd2_1 w-100 position-relative f-c-3">
          <benben-water-droplets
            class="yichangjiankong_mobile_adapter_632_random_fd2_1_c0"
            data_source_type="2"
            :data_source_field_name="jd"
            chart_show_type="water-droplets"
            title_position="left"
            show_title="false"
            title_name="标题"
            :chart-option="chartOptions_random_9581"
          ></benben-water-droplets>

          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_756_fd2_1_c1 w-100 position-absolute f-c-3 t-w-7">
            <span>{{wcl}}</span>
          </div>
          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_839_fd2_1_c2 w-100 position-relative">
            <span>未解决问题</span>
          </div>
          <div class="flex flex-wrap align-center justify-center yichangjiankong_mobile_adapter_839_fd2_1_c2 w-100 position-relative">
            <span>（共</span>
            <span>{{wt_total}}</span>
            <span>条）</span>
          </div>
        </div>
        <div class="flex flex-wrap align-start self-start w-100">
          <template v-for="(item,key0) in group_info">
            <div class="flex flex-direction flex-wrap align-center mg-t-0 mg-r-0 mg-b-20 mg-l-0 w-20 f-c-3" :key="key0">
              <span class="lh-20-px t-20">{{item.value}}</span>
              <img
                class="yichangjiankong_mobile_adapter_174_fd2_2_c0_c1 w-60-px"
                :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037e06663355fb4025f0709185d553e1c56.png'"
              />
              <span class="t-12 lh-20-px">{{item.name}}</span>
            </div>
          </template>
        </div>
      </div>

      <div class="flex benben-flex-layout flex-wrap yichangjiankong_mobile_adapter_647_random_flex_3 w-100">
        <div class="flex flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto" @click.stop="cehck('1')" v-if="active!='2'">
          <div class="flex flex-wrap align-center w-100">
            <img
              class="yichangjiankong_mobile_adapter_728_fd3_0_c0_c0"
              :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"
            />
            <span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3">教学楼巡查情况</span>
          </div>
          <div class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1">
            <div class="flex flex-wrap align-center w-100 position-relative">
              <benben-pie-ring
                class="yichangjiankong_mobile_adapter_653_random_fd3_0_c1_c0_c0 w-100"
                data_source_type="2"
                :data_source_field_name="bin1"
                chart_show_type="pie-ring"
                show_title="false"
                title_position="left"
                title_name="标题"
                :theme_color="theme_color_9636"
                :chart-option="chartOptions_random_2484"
              ></benben-pie-ring>

              <img
                class="yichangjiankong_mobile_adapter_201_fd3_0_c1_c0_c1 position-absolute"
                :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037549ee5c221eeed1af02c10db1a9fb52c.png'"
              />
            </div>
            <!-- <div   class="flex  flex-wrap align-center  w-20 h-100"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_222_fd3_0_c1_c1_c0_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >教学楼A</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_787_fd3_0_c1_c1_c1_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >教学楼B</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_745_fd3_0_c1_c1_c2_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >教学楼C</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_501_fd3_0_c1_c1_c3_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >教学楼D</span>

        </div>

        </div> -->
          </div>
        </div>
        <div class="flex flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto" v-if="active!='2'">
          <div class="flex flex-wrap align-center w-100">
            <img
              class="yichangjiankong_mobile_adapter_728_fd3_0_c0_c0"
              :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"
            />
            <span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3">宿舍楼巡查情况</span>
          </div>
          <div class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1">
            <div class="flex flex-wrap align-center w-100 position-relative">
              <benben-pie-ring
                class="yichangjiankong_mobile_adapter_653_random_fd3_0_c1_c0_c0 w-100"
                data_source_type="2"
                :data_source_field_name="bin2"
                chart_show_type="pie-ring"
                show_title="false"
                title_position="left"
                title_name="标题"
                :theme_color="theme_color_4332"
                :chart-option="chartOptions_random_9864"
              ></benben-pie-ring>

              <img
                class="yichangjiankong_mobile_adapter_201_fd3_0_c1_c0_c1 position-absolute"
                :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/40371862d8817beed63cd85ed8dddcb5a588.png'"
              />
            </div>
            <!-- <div   class="flex  flex-wrap align-center  w-20 h-100"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_671_fd3_1_c1_c1_c0_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >宿舍楼A</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_761_fd3_1_c1_c1_c1_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >宿舍楼B</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_873_fd3_1_c1_c1_c2_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >宿舍楼C</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_660_fd3_1_c1_c1_c3_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >宿舍楼D</span>

        </div>

        </div> -->
          </div>
        </div>
        <div class="flex flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto" v-if="active!='2'">
          <div class="flex flex-wrap align-center w-100">
            <img
              class="yichangjiankong_mobile_adapter_728_fd3_0_c0_c0"
              :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"
            />
            <span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3">餐厅巡查情况</span>
          </div>
          <div class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1">
            <div class="flex flex-wrap align-center w-100 position-relative">
              <benben-pie-ring
                class="yichangjiankong_mobile_adapter_653_random_fd3_0_c1_c0_c0 w-100"
                data_source_type="2"
                :data_source_field_name="bin3"
                chart_show_type="pie-ring"
                show_title="false"
                title_position="left"
                title_name="标题"
                :theme_color="theme_color_1716"
                :chart-option="chartOptions_random_2543"
              ></benben-pie-ring>

              <img
                class="yichangjiankong_mobile_adapter_201_fd3_0_c1_c0_c1 position-absolute"
                :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/40379bca67fd64906747150197b2c91332dd.png'"
              />
            </div>
            <!-- <div   class="flex  flex-wrap align-center  w-20 h-100"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_485_fd3_2_c1_c1_c0_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >餐厅A</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_761_fd3_1_c1_c1_c1_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >餐厅B</span>

        </div>

        </div> -->
          </div>
        </div>
        <div class="flex flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto" v-if="active!='2'">
          <div class="flex flex-wrap align-center w-100">
            <img
              class="yichangjiankong_mobile_adapter_728_fd3_0_c0_c0"
              :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"
            />
            <span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3">实验楼巡查情况</span>
          </div>
          <div class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1">
            <div class="flex flex-wrap align-center w-100 position-relative">
              <benben-pie-ring
                class="yichangjiankong_mobile_adapter_653_random_fd3_0_c1_c0_c0 w-100"
                data_source_type="2"
                :data_source_field_name="bin4"
                chart_show_type="pie-ring"
                show_title="false"
                title_position="left"
                title_name="标题"
                :theme_color="theme_color_2753"
                :chart-option="chartOptions_random_9337"
              ></benben-pie-ring>

              <img
                class="yichangjiankong_mobile_adapter_201_fd3_0_c1_c0_c1 position-absolute"
                :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/403774bc41522e7bfe9c75a391af00334206.png'"
              />
            </div>
            <!-- <div   class="flex  flex-wrap align-center  w-20 h-100"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_761_fd3_1_c1_c1_c1_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >实验楼A</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_671_fd3_1_c1_c1_c0_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >实验楼A</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_910_fd3_3_c1_c1_c2_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >实验楼A</span>

        </div>
        <div   class="flex  flex-wrap align-center  w-100"        >
                    <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_910_fd3_3_c1_c1_c2_c0 bg-size-auto"        >
            
        </div>
<span class="yichangjiankong_mobile_adapter_749_fd3_0_c1_c1_c0_c1 f-c-3 t-12"  >实验楼D</span>

        </div>

        </div> -->
          </div>
        </div>
        <div class="flex flex-wrap align-center w-100" v-if="active=='2'">
          <template v-for="(item,key0) in list">
            <div class="flex flex-wrap align-center yichangjiankong_mobile_adapter_130_fd3_4_c0 bg-size-auto" :key="key0">
              <div class="flex flex-wrap align-center w-100">
                <img
                  class="yichangjiankong_mobile_adapter_728_fd3_0_c0_c0"
                  :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"
                />
                <span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3">{{item.zhibiao}}</span>
              </div>
              <div class="flex flex-wrap align-stretch yichangjiankong_mobile_adapter_219_fd3_4_c0_c1">
                <template v-for="(child,key1) in item.group_info">
                  <div class="flex flex-direction flex-wrap align-center mg-t-0 mg-r-0 mg-b-20 mg-l-0 w-25 f-c-3" :key="key1">
                    <img class="yichangjiankong_mobile_adapter_967_fd3_4_c0_c1_c0_c0" :src="child.img_url" />
                    <span class="yichangjiankong_mobile_adapter_324_fd3_4_c0_c1_c0_c1 lh-20-px t-20">{{child.value}}</span>
                    <span class="t-12 lh-20-px">{{child.name}}</span>
                  </div>
                </template>
              </div>
            </div>
          </template>

          <!-- <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                <img class='yichangjiankong_mobile_adapter_728_fd3_0_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"  />
<span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3"  >一级指标2</span>

        </div>
        <div   class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1"        >
                    <div   class="flex flex-direction flex-wrap align-center  mg-t-0 mg-r-0 mg-b-20 mg-l-0 w-20 f-c-3"        >
                <img class='yichangjiankong_mobile_adapter_967_fd3_4_c0_c1_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/403735f80f2420f05a0de03b38d6c80637c3.png'"  />
<span class="yichangjiankong_mobile_adapter_324_fd3_4_c0_c1_c0_c1 lh-20-px t-20"  >10</span>
<span class="t-12 lh-20-px"  >教学楼</span>

        </div>

        </div>

        </div> -->
          <!-- <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                <img class='yichangjiankong_mobile_adapter_728_fd3_0_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"  />
<span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3"  >一级指标3</span>

        </div>
        <div   class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1"        >
                    <div   class="flex flex-direction flex-wrap align-center  mg-t-0 mg-r-0 mg-b-20 mg-l-0 w-20 f-c-3"        >
                <img class='yichangjiankong_mobile_adapter_967_fd3_4_c0_c1_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/40374b4fc8fd4f6e7a78c6bc2febb00c985b.png'"  />
<span class="yichangjiankong_mobile_adapter_324_fd3_4_c0_c1_c0_c1 lh-20-px t-20"  >10</span>
<span class="t-12 lh-20-px"  >教学楼</span>

        </div>

        </div>

        </div> -->
          <!-- <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                <img class='yichangjiankong_mobile_adapter_728_fd3_0_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"  />
<span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3"  >一级指标4</span>

        </div>
        <div   class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1"        >
                    <div   class="flex flex-direction flex-wrap align-center  mg-t-0 mg-r-0 mg-b-20 mg-l-0 w-20 f-c-3"        >
                <img class='yichangjiankong_mobile_adapter_967_fd3_4_c0_c1_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037e2dd444c5343b8ddfbffe15d01af0cb5.png'"  />
<span class="yichangjiankong_mobile_adapter_324_fd3_4_c0_c1_c0_c1 lh-20-px t-20"  >10</span>
<span class="t-12 lh-20-px"  >教学楼</span>

        </div>

        </div>

        </div> -->
          <!-- <div   class="flex  flex-wrap align-center yichangjiankong_mobile_adapter_658_fd3_0 bg-size-auto"        >
                    <div   class="flex  flex-wrap align-center  w-100"        >
                <img class='yichangjiankong_mobile_adapter_728_fd3_0_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'"  />
<span class="yichangjiankong_mobile_adapter_809_fd3_0_c0_c1 t-16 f-c-3"  >一级指标5</span>

        </div>
        <div   class="flex align-center yichangjiankong_mobile_adapter_385_fd3_0_c1"        >
                    <div   class="flex flex-direction flex-wrap align-center  mg-t-0 mg-r-0 mg-b-20 mg-l-0 w-20 f-c-3"        >
                <img class='yichangjiankong_mobile_adapter_967_fd3_4_c0_c1_c0_c0'   :src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/40373a26ef6ed47c884b2f3f68bf18e26375.png'"  />
<span class="yichangjiankong_mobile_adapter_324_fd3_4_c0_c1_c0_c1 lh-20-px t-20"  >10</span>
<span class="t-12 lh-20-px"  >教学楼</span>

        </div>

        </div>

        </div> -->
        </div>
      </div>
    </div>
  </div>
</body>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.min.js?v=2025061801"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.zh-cn.js?v=2025061801"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.js?v=2025061801"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.min.js?v=2025061801"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vue-dash-event@1.0.1.js?v=2025061801"></script>
<script src="../pc_paas_diy/diy-generate-big-screen-new.js?v=2025061801"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/ajax/axios.js?v=2025061801"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/u-charts.js?v=2025061801"></script>
<script></script>
<script>
  let chart_ids = ''
  let chart_data_ids = ''
  let global_charts_data = {}

  const themeColorConfig = {
    presetApi: {
      getClassifyOne: '',
      getClassifyTow: '',
      getClassifyShop: '',
    },
    themeType: 0,
    themeConfig: [
      {
        colorConfig: ['#333333', '#666666', '#999999', '#ffffff', '#0052c7', '#F02325', '#FC9C3A', '#4DC777', '#F2CC98', '#F2CC66'],
        bgColorConfig: [
          '#EBEDF8',
          '#FFFFFF',
          '#0052c7',
          '#FC9C3A',
          '#FC9fff',
          '#E6F333',
          '#E6F1FE',
          'linear-gradient(301deg, #EBBA7B 0%, #F8D9AD 100%)',
          'linear-gradient(180deg, #F5588E 0%, #F0403C 100%)',
          'linear-gradient(179deg, #FFD033 0%, #F4890E 100%)',
        ],
        bdColorConfig: ['#EBEDF8', '#FFFFFF', '#0052c7', '#FC9C3A', '#333333', '#666666', '#999999', '#dddddd', '#1178F0', '#F02325'],
      },
    ],
  }
  const { LocaleProvider, locales, message, Modal } = window.antd
  Vue.prototype.$message = message
  Vue.use(window['vue-dash-event'])
  var user_token = $('#hidden_field_user_token').val()
  var public_headers = {
    'user-token': user_token,
  }

  var member_id = $('#hidden_field_member_id').val()
  var hidden_field_alias = $('#hidden_field_alias').val()
  var hidden_field_aid = $('#hidden_field_aid').val()
  var hidden_field_roles = $('#hidden_field_roles').val()
  var web_url_oss = $('#web_url_oss').val()

  baseURL = 'https://aixf.zhuaizhuaiyu.com'

  const AD_MANGER = new Vue({
    el: '#antdVue',
    mixins: [bigScreenMixins],
    data() {
      receive(this)
      return {
        chart_ids,
        chart_data_ids,
        global_charts_data,
        themeColorConfig,
        isPickerVisible: false,
        dtime: '',
        locale: locales[lang_to_antd[current_lang]],
        theme_color_2753: [
          'rgba(222, 87, 108, 1)',
          'rgba(0, 180, 140, 1)',
          'rgba(240, 201, 106, 1)',
          'rgba(100, 183, 246, 1)',
          '#2d3c98',
          '#6AE7E6',
          '#0F36A2',
          '#FC658A',
        ],
        chartOptions_random_9337: {
          seriesSetting: {
            center: ['40%', '50%'],
            radius: ['25%', '45%'],
            itemStyle: {
              borderColor: '',
              borderWidth: '',
              borderRadius: '',
            },
            startAngle: 90,
            type: 'pie',
            label: {
              color: '#fff',
            },
          },
          labelSetting: {
            label: {
              color: '#fff',
              show: true,
              emphasis: {
                show: true,
                textStyle: {
                  fontSize: 14,
                  color: '#fff',
                },
                rich: {
                  a: {
                    fontSize: 14,
                  },
                },
              },
            },
            labelLine: {
              show: true,
            },
          },
          legend: {
            type: 'scroll',
            textStyle: {
              color: '#fff',
            },
            show: true,
            orient: 'vertical',
            left: '70%',
            top: 'middle',
            symbol_icon: 'circle',
            icon: 'circle',
            itemWidth: 8,
            itemHeight: 8,
          },
          tooltip: {
            show: true,
            autoToolTip: false,
            trigger: 'item',
            axisPointer: {
              type: 'shadow',
            },
            textStyle: {
              color: 'inherit',
              fontSize: 14,
            },
          },
        },
        theme_color_1716: [
          'rgba(250, 85, 113, 1)',
          'rgba(107, 18, 204, 1)',
          'rgba(240, 201, 106, 1)',
          'rgba(100, 183, 246, 1)',
          '#2d3c98',
          '#6AE7E6',
          '#0F36A2',
          '#FC658A',
        ],
        chartOptions_random_2543: {
          seriesSetting: {
            center: ['40%', '50%'],
            radius: ['25%', '45%'],
            itemStyle: {
              borderColor: '',
              borderWidth: '',
              borderRadius: '',
            },
            startAngle: 90,
            type: 'pie',
            label: {
              color: '#fff',
            },
          },
          labelSetting: {
            label: {
              color: '#fff',
              show: true,
              emphasis: {
                show: true,
                textStyle: {
                  fontSize: 14,
                  color: '#fff',
                },
                rich: {
                  a: {
                    fontSize: 14,
                  },
                },
              },
            },
            labelLine: {
              show: true,
            },
          },
          legend: {
            type: 'scroll',
            textStyle: {
              color: '#fff',
            },
            show: true,
            orient: 'vertical',
            left: '70%',
            top: 'middle',
            symbol_icon: 'circle',
            icon: 'circle',
            itemWidth: 8,
            itemHeight: 8,
          },
          tooltip: {
            show: true,
            autoToolTip: false,
            trigger: 'item',
            axisPointer: {
              type: 'shadow',
            },
            textStyle: {
              color: 'inherit',
              fontSize: 14,
            },
          },
        },
        theme_color_4332: [
          'rgba(255, 170, 70, 1)',
          'rgba(107, 18, 204, 1)',
          'rgba(242, 106, 137, 1)',
          'rgba(63, 63, 180, 1)',
          'rgba(100, 183, 246, 1)',
          '#6AE7E6',
          '#0F36A2',
          '#FC658A',
        ],
        chartOptions_random_9864: {
          seriesSetting: {
            center: ['40%', '50%'],
            radius: ['25%', '45%'],
            itemStyle: {
              borderColor: '',
              borderWidth: '',
              borderRadius: '',
            },
            startAngle: 90,
            type: 'pie',
            label: {
              color: '#fff',
            },
          },
          labelSetting: {
            label: {
              color: '#fff',
              show: true,
              emphasis: {
                show: true,
                textStyle: {
                  fontSize: 14,
                  color: '#fff',
                },
                rich: {
                  a: {
                    fontSize: 14,
                  },
                },
              },
            },
            labelLine: {
              show: true,
            },
          },
          legend: {
            type: 'scroll',
            textStyle: {
              color: '#fff',
            },
            show: true,
            orient: 'vertical',
            left: '70%',
            top: 'middle',
            symbol_icon: 'circle',
            icon: 'circle',
            itemWidth: 8,
            itemHeight: 8,
          },
          tooltip: {
            show: true,
            autoToolTip: false,
            trigger: 'item',
            axisPointer: {
              type: 'shadow',
            },
            textStyle: {
              color: 'inherit',
              fontSize: 14,
            },
          },
        },
        theme_color_9636: [
          'rgba(222, 87, 108, 1)',
          'rgba(100, 183, 246, 1)',
          'rgba(240, 201, 106, 1)',
          'rgba(107, 18, 204, 1)',
          '#2d3c98',
          '#6AE7E6',
          '#0F36A2',
          '#FC658A',
        ],
        chartOptions_random_2484: {
          seriesSetting: {
            center: ['40%', '50%'],
            radius: ['25%', '45%'],
            itemStyle: {
              borderColor: '',
              borderWidth: '',
              borderRadius: '',
            },
            startAngle: 90,
            type: 'pie',
            label: {
              color: '#fff',
            },
          },
          labelSetting: {
            label: {
              color: '#fff',
              show: true,
              emphasis: {
                show: true,
                textStyle: {
                  fontSize: 14,
                  color: '#fff',
                },
                rich: {
                  a: {
                    fontSize: 14,
                  },
                },
              },
            },
            labelLine: {
              show: true,
            },
          },
          legend: {
            type: 'scroll',
            textStyle: {
              color: '#fff',
            },
            show: true,
            orient: 'vertical',
            left: '70%',
            top: 'middle',
            symbol_icon: 'circle',
            icon: 'circle',
            itemWidth: 8,
            itemHeight: 8,
          },
          tooltip: {
            show: true,
            autoToolTip: false,
            trigger: 'item',
            axisPointer: {
              type: 'shadow',
            },
            textStyle: {
              color: 'inherit',
              fontSize: 14,
            },
          },
        },
        chartOptions_random_9581: {
          waterSetting: {
            label: {
              show: false,
              fontSize: 20,
              color: '#303030',
            },
            backgroundStyle: {
              color: 'rgba(24, 43, 74, 1)',
              opacity: 1,
              borderWidth: 0,
              borderColor: 'rgba(26,108,177,0.1)',
            },
            shape: 'circle',
            outline: {
              show: true,
              borderDistance: 3,
              itemStyle: {
                opacity: 1,
                borderWidth: 3,
                shadowBlur: 20,
                shadowColor: '#fff',
                borderColor: '#244C9A',
              },
            },
            itemStyle: {
              opacity: 1,
              color: '#3EABFF',
              cursor: 'default',
              shadowBlur: 10,
            },
            emphasis: {
              itemStyle: {
                cursor: 'default',
                opacity: 0.8,
              },
            },
            radius: '80%',
            center: ['50%', '50%'],
            color: ['#3EABFF', '#fff'],
            phase: 50,
            amplitude: 10,
            direction: 'right',
          },
          grid: {
            left: '0%',
            right: '0%',
            bottom: '0%',
            top: '15%',
            containLabel: true,
          },
        },
        active: 0,
        isFullScreen: false,
        saizhuge_api_loaded: false,
        big_screen_global_query: {
          screen_global_time_range_type: '5',
          screen_global_time_custom_time: '',
          screen_global_dept: '',
          screen_global_user: '',
          diy_api_time: '',
        },

        wt_total: '',
        wcl: '',
        group_info: [],
        jd: {
          chart_data: '',
        },
        bin1: {},
        bin2: {},
        bin3: {},
        bin4: {},
        list: [],
        viewSource: 'PC',
        big_screen_global_config: {
          is_screen_global_time: false,
          is_screen_global_dept: false,
          is_screen_global_user: false,
        },
        big_screen_color: ['#F27B60', '#F8A200', '#B0D630', '#6EC890', '#2d3c98', '#6AE7E6', '#0F36A2', '#FC658A'],
        xiaoqu_id: '', //校区id
        time: '', //筛选时间
      }
    },
    components: {},
    computed: {},
    created() {
      if (getUrlKey('viewSource')) {
        this.viewSource = getUrlKey('viewSource')
      }
      // 			let time = new Date();
      // 			let year = time.getFullYear();
      // 			let month = time.getMonth() + 1;
      // 			let day = time.getDate();
      // 			if (month < 10) {
      // 				month = '0' + month
      // 			}
      // 			if (day < 10) {
      // 				day = '0' + day
      // 			}
      // 			this.time = year + '-' + month + '-' + day
      var queryString = window.location.search
      this.xiaoqu_id = queryString.split('?id=')[1]
      this.get_diy_api_page()
    },
    mounted() {},
    beforeDestroy() {},
    watch: {},
    methods: {
      isEmpty,
      handleVisibleChange(visible) {
        this.isPickerVisible = visible
        console.log('当前弹窗状态:', visible) // 调试输出
      },
      time_change(){
         this.time = this.dtime;
         this.cehck()
      },
      date_change(val) {
        switch (val) {
            case 1:
            this.dtime = dataToTime('today','YYYY-MM-DD',1)
            this.time = dataToTime('today','YYYY-MM-DD')
                break;
           case 2:
           this.time = dataToTime('current_week','YYYY-MM-DD')
                break;
            case 3:
            this.time = dataToTime('current_month','YYYY-MM-DD')
                break;
            default:
                break;
        }
        this.cehck()
        this.$nextTick(() => {
            this.isPickerVisible = false
          // 通过 ref 获取组件实例并强制关闭
          if (this.$refs.datePicker) {
            this.$refs.datePicker.blur() // 触发组件内部关闭逻辑
          }
        })
        
      },
      //切换类型
      cehck(index) {
        if (!index) {
          index = this.active
        }
        this.active = index
        console.log(index)
        console.log(this.active)
        if (this.active == 0) {
          this.getrc()
        } else if (this.active == 1) {
          this.getjh()
        } else if (this.active == 2) {
          this.getfx()
        } else if (this.active == 3) {
          this.getzx()
        } else if (this.active == 4) {
          this.getyh()
        }
      },
      //获取数据
      get_diy_api_page() {
        this.getrc()
      },
      //获取日常巡更
      getrc() {
        this.bin1 = {
          chart_data: [],
        }
        this.bin2 = {
          chart_data: [],
        }
        this.bin3 = {
          chart_data: [],
        }
        this.bin4 = {
          chart_data: [],
        }
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/674a7cde00e2d',
          data: {
            start_data: this.time,
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,
          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.wt_total = res.data.wt_total
            this.wcl = res.data.wcl
            this.group_info = res.data.group_info
            this.jd.chart_data = (this.wcl * 1) / (this.wt_total * 1)
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e13b7f81b',
          data: {
            start_data: this.time,
            xqwzxx_id: '1', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin1 = {
              chart_data: [],
            }
            this.bin1.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e13b7f81b',
          data: {
            start_data: this.time,
            xqwzxx_id: '2', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin2 = {
              chart_data: [],
            }
            this.bin2.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e13b7f81b',
          data: {
            start_data: this.time,
            xqwzxx_id: '3', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin3 = {
              chart_data: [],
            }
            this.bin3.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e13b7f81b',
          data: {
            start_data: this.time,
            xqwzxx_id: '4', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin4 = {
              chart_data: [],
            }
            this.bin4.chart_data = res.data
          },
        })
      },
      //获取计划巡更
      getjh() {
        this.bin1 = {}
        this.bin2 = {
          chart_data: [],
        }
        this.bin3 = {
          chart_data: [],
        }
        this.bin4 = {
          chart_data: [],
        }
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/674ab96907308',
          data: {
            xiaoqu_id: this.xiaoqu_id,
            start_data: this.time,
          },
          dataType: 'json',
          abortType: 0,
          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.wt_total = res.data.wt_total
            this.wcl = res.data.wcl
            this.group_info = res.data.group_info
            this.jd.chart_data = (this.wcl * 1) / (this.wt_total * 1)
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e887ee7c0',
          data: {
            start_data: this.time,
            xqwzxx_id: '1', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin1 = {
              chart_data: [],
            }
            this.bin1.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e887ee7c0',
          data: {
            start_data: this.time,
            xqwzxx_id: '2', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin2 = {
              chart_data: [],
            }
            this.bin2.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e887ee7c0',
          data: {
            start_data: this.time,
            xqwzxx_id: '3', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin3 = {
              chart_data: [],
            }
            this.bin3.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/6850e887ee7c0',
          data: {
            start_data: this.time,
            xiaoqu_id: this.xiaoqu_id,
            xqwzxx_id: '4', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin4 = {
              chart_data: [],
            }
            this.bin4.chart_data = res.data
          },
        })
      },
      //获取专项
      getzx() {
        this.bin1 = {
          chart_data: [],
        }
        this.bin2 = {
          chart_data: [],
        }
        this.bin3 = {
          chart_data: [],
        }
        this.bin4 = {
          chart_data: [],
        }
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/674ac4a44e3b9',
          data: {
            start_data: this.time,
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,
          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.wt_total = res.data.wt_total
            this.wcl = res.data.wcl
            this.group_info = res.data.group_info
            this.jd.chart_data = (this.wcl * 1) / (this.wt_total * 1)
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513d7e8bcf4',
          data: {
            start_data: this.time,
            xqwzxx_id: '1', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin1 = {
              chart_data: [],
            }
            this.bin1.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513d7e8bcf4',
          data: {
            start_data: this.time,
            xqwzxx_id: '2', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin2 = {
              chart_data: [],
            }
            this.bin2.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513d7e8bcf4',
          data: {
            start_data: this.time,
            xqwzxx_id: '3', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin3 = {
              chart_data: [],
            }
            this.bin3.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513d7e8bcf4',
          data: {
            start_data: this.time,
            xqwzxx_id: '4', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin4 = {
              chart_data: [],
            }
            this.bin4.chart_data = res.data
          },
        })
      },
      //获取隐患排查
      getyh() {
        this.bin1 = {
          chart_data: [],
        }
        this.bin2 = {
          chart_data: [],
        }
        this.bin3 = {
          chart_data: [],
        }
        this.bin4 = {
          chart_data: [],
        }
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/674ac6c7c0cda',
          data: {
            start_data: this.time,
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,
          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.wt_total = res.data.wt_total
            this.wcl = res.data.wcl
            this.group_info = res.data.group_info
            this.jd.chart_data = (this.wcl * 1) / (this.wt_total * 1)
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513f9c99a3c',
          data: {
            start_data: this.time,
            xqwzxx_id: '1', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin1 = {
              chart_data: [],
            }
            this.bin1.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513f9c99a3c',
          data: {
            start_data: this.time,
            xqwzxx_id: '2', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin2 = {
              chart_data: [],
            }
            this.bin2.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513f9c99a3c',
          data: {
            start_data: this.time,
            xqwzxx_id: '3', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin3 = {
              chart_data: [],
            }
            this.bin3.chart_data = res.data
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68513f9c99a3c',
          data: {
            start_data: this.time,
            xqwzxx_id: '4', //校区信息id（1教学楼2.宿舍楼3餐厅4实验楼）
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,

          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.bin4 = {
              chart_data: [],
            }
            this.bin4.chart_data = res.data
          },
        })
      },
      //获取风险评估
      getfx() {
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/674abf0caed49',
          data: {
            start_data: this.time,
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,
          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            this.wt_total = res.data.wt_total
            this.wcl = res.data.wcl
            this.group_info = res.data.group_info
            this.jd.chart_data = (this.wcl * 1) / (this.wt_total * 1)
          },
        })
        commonAjax({
          type: 'POST',
          url: 'https://yufabu.saizhuge.net/api/m4037/68511cb2a7997',
          data: {
            start_data: this.time,
            xiaoqu_id: this.xiaoqu_id,
          },
          dataType: 'json',
          abortType: 0,
          success: (res) => {
            if (res.code != 1) {
              this.$message.info(res.msg)
              return
            }
            console.log(res.data)
            this.list = res.data
            return
            this.wt_total = res.data.wt_total
            this.wcl = res.data.wcl
            this.group_info = res.data.group_info
            this.jd.chart_data = (this.wcl * 1) / (this.wt_total * 1)
          },
        })
      },
    },
  })
</script>
